<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>

<html class="no-js" lang="en" >

<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>e-shopping</title>

	<!-- Stylesheet
	================================================== -->
	<link rel="stylesheet" href="style.css">

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

	<script src="js/vendor/custom.modernizr.js"></script>
    
</head>
<body>
<jsp:include page ="header.jsp"/>

		<div class="large-8 columns">

			<div class="row">
				<div class="large-12 columns">

            		<div class="content woocommerce-columns-4">

                    	<div class="singletop">
                            <div class="search">
                                <form method="get" action="#">
									<input id="s" type="text" value="Rechercher" name="s">
                                </form>	
                            </div>
                            <nav class="breadcrumbs">
                              <a href="#">Accueil</a>
                              <a href="#">e-shopping</a>
                              <a class="current" href="#">Nouveautés</a>
                            </nav>
                        </div>
                        
                        <div class="homeposttitle">
                            <h3 class="widget-title">
                                <span>
                            			Shop
                                </span>
                            </h3>  
                        </div>
                        
                    <p class="woocommerce-result-count"> Showing 1–9 of 23 results</p>
                    <form class="woocommerce-ordering" method="get">
                    <select class="orderby" name="orderby">
                    <option value="menu_order">Tri par défaut</option>
                    <option value="popularity">Trier par catégorie</option>
                    <option value="rating">Trier par note</option>
                    <option value="date">Trier par nouveauté</option>
                    <option value="price">Tri par prix:croissant</option>
                    <option value="price-desc">Tri par prix:décroissant</option>
                    </select>
                    </form>

                  <ul class="products">
                  <li class="product entry first">
					<a href="single-shop.html"><img width="710" height="710" src="img/01_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Beige Boots</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  </li>

                  <li class="product entry">
					<a href="single-shop.html"><img width="710" height="710" src="img/02_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <span class="onsale">Sale!</span>
                                <h3>Green Beige Boots</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  </li>
                  
                  <li class="product entry">
					<a href="single-shop.html"><img width="710" height="710" src="img/03_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <span class="onsale">Sale!</span>
                                <h3>Navy Blue Boat</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  <li class="product entry last">
					<a href="single-shop.html"><img width="710" height="710" src="img/04_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Camel Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                        
                  </li>
                  <li class="product entry first">
					<a href="single-shop.html"><img width="710" height="710" src="img/05_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Flying Navy Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  </li>

                  <li class="product entry">
					<a href="single-shop.html"><img width="710" height="710" src="img/06_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <span class="onsale">Sale!</span>
                                <h3>Brown Man Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  </li>
                  
                  <li class="product entry">
					<a href="single-shop.html"><img width="710" height="710" src="img/07_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Brown Woman Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  <li class="product entry last">
					<a href="single-shop.html"><img width="710" height="710" src="img/08_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <span class="onsale">Sale!</span>
                                <h3>Light Brown Boots</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                        
                  </li>
                  <li class="product entry first">
					<a href="single-shop.html"><img width="710" height="710" src="img/09_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>#2 Green Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  </li>

                  <li class="product entry">
					<a href="single-shop.html"><img width="710" height="710" src="img/10_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Navy Stylish Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  </li>
                  
                  <li class="product entry">
					<a href="single-shop.html"><img width="710" height="710" src="img/11_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Red Boot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                  <li class="product entry last">
					<a href="single-shop.html"><img width="710" height="710" src="img/12_product.png" class="" alt="" /></a>
						<div class="item-wrapper">
                            <a href="single-shop.html">
                                <h3>Mink Tile Bot</h3>
                                <div class="star-rating" title="Rated 4.00 out of 5">
                                    <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                </div>
                                <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                            </a>
                            <a href="single-shop.html" rel="nofollow" class="button small">AJOUTER AU PANIER</a>
						</div><!-- /.item-wrapper -->
                        
                  </li>
                  </ul>

                        <ul class="pagination clearing-container">
                          <li class="arrow unavailable"><a href="#">&laquo;</a></li>
                          <li class="current"><a href="#">1</a></li>
                          <li><a href="#">2</a></li>
                          <li><a href="#">3</a></li>
                          <li><a href="#">4</a></li>
                          <li class="arrow"><a href="#">&raquo;</a></li>
                        </ul>


                    </div><!-- content -->
               
				</div><!-- large 12 -->
			</div><!-- end row -->
            
		</div><!-- end large 8 -->
	</div><!-- end wrapper -->


	<jsp:include page="footer.jsp"/>

	<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script src="js/jquery.flexslider.js"></script>
    <script src="js/tinynav.min.js"></script>
	<script src="js/menu_min.js"></script>
	<script src="js/foundation.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/script.js"></script>
   
 
</body>
</html>
